<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>图片预览</title>
    <meta name="decorator" content="default"/>
    <script type="text/javascript" src="${ctxScript}/js/vaccine.js"></script>
    <script>
        function bigimg(i){
            var zoom = parseInt(i.style.zoom,10)||100;
            zoom += event.wheelDelta / 12;
            if(zoom > 0 )
                i.style.zoom=zoom+'%';
            return false;
        }

        $(function() {
            var r = 0;
            $('img').click(function() {
                r += 90;
                $(this).css('transform', 'rotate(' + r + 'deg)');
            });
        });
    </script>
</head>
<body>

    <div style="text-align: center;margin: 0 auto">
        <img src="${imagePath}"  onmousewheel="return bigimg(this)"/>
    </div>

</body>
</html>
